<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS默认继承(Cascading Style Sheets Default Inheritance)</title>
  <!-- 
    CSS的层叠样式表（Cascading Style Sheets）中的默认继承（default inheritance）指的是元素在没有显式设置样式的情况下，会从其父元素继承一些样式属性。
    以下是一些常见的默认继承属性： 
 
      1. 文本相关属性：如字体大小、字体样式、颜色等，子元素通常会继承父元素的文本样式。 
      2. 链接样式：链接的颜色、下划线等样式通常会被子元素继承。 
      3. 元素间距：子元素的外边距（margin）和内边距（padding）通常会受到父元素的影响。 
      4. 列表样式：子元素的列表样式（如有序列表、无序列表）通常会继承父元素的样式。 
   -->
   <style>
    .default-inheritance {
      color: saddlebrown;

      /* font-size: 16px; */
      /* 继承计算值 */
      /* 相对自身的字体 - 浏览器(16px) */
      font-size: 2em; /* 32px */
    }
   </style>
</head>
<body>

  <div class="default-inheritance">
    <h3>default-inheritance</h3>
    <p>
      CSS的层叠样式表（Cascading Style Sheets）中的默认继承（default inheritance）指的是元素在没有显式设置样式
      <span>文本相关属性：如字体大小、字体样式、颜色等，子元素通常会继承父元素的文本样式</span>
      <strong>链接样式：链接的颜色、下划线等样式通常会被子元素继承</strong>
    </p>
  </div>
  
</body>
</html>